/*base*/
#wrapper span.middle {height: 100%;display: inline-block;vertical-align: middle}
.arena-header{ background-color:#0e3345;}
.bg158{ background-color:#1e5d89}

/*竞技场-头部商城*/
.top-header .top-back a.arena-back{ background-image:url(../../images/arena/arena-left.png);}
.top-header .top-right .arena-shop{display:inline-block; height:.96rem; width:1.4rem; background:url(../../images/arena/arena-shop.png) no-repeat 0 center; background-size: .34rem; padding-left:0.52rem; text-align:left; }


/*底部*/
.arena-footer{ height:auto; display:block; overflow:hidden;}
.arena-footer .foot-mine{ height:0.6rem; line-height:0.6rem; width:24%;}
.arena-footer .foot-mine span{ display:block; background:url(../../images/arena/mine-ico.png) no-repeat 0.3rem center; background-size:0.39rem; padding-left:0.84rem;}
.arena-footer .foot-recharge{ height:0.6rem; line-height:0.6rem; width:21%;}
.arena-footer .foot-recharge span{ display:block; text-align:right; }
.arena-footer .foot-recharge span em.recharge-ico{ display:block; height:0.6rem;background:url(../../images/arena/recharge-ico.png) no-repeat 0 center; width:0.17rem; background-size:0.17rem 0.28rem;}

.arena-footer .foot-goldbean{ height:0.6rem; line-height:0.6rem; width:55%; text-align:center;}
.arena-footer .foot-goldbean span{ display:block; height:0.6rem; line-height:0.6rem;}
.arena-footer .foot-goldbean span em{ display:inline-block; height:0.6rem; background:url(../../images/arena/goldbean-ico.png) no-repeat left center; padding-left:0.58rem; background-size:0.42rem;}
.arena-footer .foot-goldbean span em i{ font-family:"Arial";}

/*竞技场-内容*/
.arena-main{ height:auto; display:block; overflow:hidden;margin-top:.96rem;margin-bottom:1.2rem}
.arena-content{ height:auto; display:block; overflow:hidden;}

.arena-nav{height:auto; display:block; overflow:hidden;}
.arena-nav ul li{ width:50%; height:0.98rem; text-align:center; line-height:0.98rem;}
.arena-nav ul li a{display:block; width:auto; height:0.98rem; border-bottom:3px solid #fff;}
.arena-nav ul li.active{  border-bottom:1px solid #f75e46;}
.arena-nav ul li.active a{border-bottom:3px solid #f75e46;}

.arena-nav ul li a span{ display:inline-block; height:0.98rem;}
.arena-nav ul li a.yxlm span{ background:url(../../images/arena/xxlm-ico.png) no-repeat left center; padding-left:1.14rem; background-size:1.02rem;}
.arena-nav ul li a.wzly span{background:url(../../images/arena/wzly-ico.png) no-repeat left center; background-size:0.87rem 0.64rem; padding-left:1rem;}

.pattern-nav ul li{ height:1rem; line-height:1rem; }
.pattern-nav ul li a{ display:block;height:1rem; border-bottom:1px solid #e8e8e8; }
.pattern-nav ul li.active{ border-bottom:1px solid #e8e8e8;}
.pattern-nav ul li.active a{border-bottom:1px solid #fff; color:#f75e46; background-color:#fff;}

/*模式*/
.pattern-conn{ height:auto; display:block; overflow:hidden;}


.arepern-list{ height:auto; display:block; overflow:hidden;}
.arepern-list .pern-img{ width:1.6rem; height:1.6rem; position:relative;}
.arepern-list .pern-img img{vertical-align: middle;width: 100%;height: 100%;}
.arepern-list .pern-img i{ display:block; width:0.33rem; height:0.33rem; text-align:center; line-height:0.33rem; position:absolute; top:0; right:0;}
.arepern-list .pern-img i.jin{ background-color:#e7b955;}

.arepern-list .pern-ctn{ margin-left:1.85rem; height:auto; display:block; overflow:hidden;}
.arepern-list .pern-ctn .ctn-h2{ height:0.46rem; line-height:0.46rem; font-weight:bolder;}
.arepern-list .pern-ctn .ctn-h2 span{ display:inline-block; background:url(../../images/arena/ctn-h2-ico.png) no-repeat right center; padding-right:0.54rem; height:0.46rem; background-size:0.36rem;}
.arepern-list .pern-ctn .ctn-p{ line-height:0.32rem;}


/*最强KDA大奖赛*/
.arepern-part{height:auto; display:block; overflow:hidden;}
.arepern-part .recdrg-ico{ width:0.22rem; height:0.92rem; background:url(../../images/arena/recdrg-ico.png) no-repeat right center; background-size:0.22rem;}
.arepern-part span{ display:inline-block; height:0.92rem;}
.arepern-part span.per-titl{line-height:0.92rem;}
.arepern-part span.kda-titl h6{ height:0.54rem; line-height:0.54rem;}
.arepern-part span.kda-titl p{ height:0.38rem;}

.arepern-detail div.title-hg{ width:0.26rem; height:0.42rem; float:left;}
.arepern-detail div.title-detail{ line-height:0.46rem;}

.arepern-part a{display:block; text-align:center; height:0.92rem; width:32%; position:relative;}
.arepern-part a h6{ height:0.52rem; line-height:0.4rem;}
.arepern-part a p{ height:0.3rem; line-height:0.3rem;}
.arepern-part a.week{ line-height:0.92rem;}
.arepern-part a.week .badge{display:inline-block; position:absolute; width:0.35rem; height:0.35rem; line-height:0.32rem;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:50%; border:1px solid #f75e46; top:-0.09rem; right:-0.13rem;}
.arepern-part a.week .badge:empty{display:none}
.arepern-part a.week .active .badge{display:none}


.kda-rank{ height:0.9rem; line-height:0.85rem;}
.kda-rank span.rk-titl{ display:inline-block; background:url(../../images/arena/ctn-h2-ico.png) no-repeat right center; height:0.9rem; padding-right:0.52rem; background-size:0.36rem;}

.kda-list{height:auto; display:block; overflow:hidden;}
.kda-list ul li{ height:auto; display:block; overflow:hidden;}
.kda-list ul li.active{ background-color:#fffbfa;}
.kda-list ul li.kda-time{ height:0.6rem; line-height:0.6rem;}

.kda-list ul li .kli-01{ height:0.85rem; width:21%;}
.kda-list ul li .kli-02{ height:0.85rem; width:26%;}
.kda-list ul li .kli-03{ height:0.85rem; width:22%; text-align:center;}
.kda-list ul li .kli-04{ height:0.85rem; width:13%; text-align:center;}
.kda-list ul li .kli-05{ height:0.85rem; width:18%; text-align:center;}
.kda-list ul li .kli-06{ height:0.85rem; width:31%; text-align:center;}


.kda-list ul li .kli-01 span{ height:0.85rem; line-height:0.90rem; text-align:center; display:block; width:0.70rem; overflow:hidden; font-family:"Arial";}
.kda-list ul li .kli-01 span.one{ background:url(../../images/arena/one.png) no-repeat center center; background-size:0.4rem 0.58rem;}
.kda-list ul li .kli-01 span.two{ background:url(../../images/arena/two.png) no-repeat center center; background-size:0.4rem 0.58rem;}
.kda-list ul li .kli-01 span.three{ background:url(../../images/arena/three.png) no-repeat center center; background-size:0.4rem 0.58rem;}


.kda-list ul li .kli-01 i{ display:inline-block; width:0.21rem;height:0.85rem; }
.kda-list ul li .kli-01 i.rise{ background:url(../../images/arena/kad-rise.png) no-repeat left center; background-size:0.21rem 0.25rem;}
.kda-list ul li .kli-01 i.drop{ background:url(../../images/arena/kad-drop.png) no-repeat left center; background-size:0.21rem 0.25rem;}

.kda-list ul li h6{ height:0.45rem; line-height:0.50rem;}
.kda-list ul li p{ height:0.40rem; line-height:0.40rem;}

.kda-list ul li .kli-04 span{ display:block; height:0.85rem; line-height:0.85rem;}
.kda-list ul li .kli-04 span.win{ color:#f86b55;}
.kda-list ul li .kli-04 span.fail{ color:#47d714;}

.kda-more{ height:1rem; line-height:1rem; text-align:center;}


.kda-option{ height:auto; display:block; overflow:hidden;}
.kda-option .option-case{ width:36%; height:0.9rem; text-align:center;}
.kda-option .option-case a{height:0.9rem; line-height:0.9rem; display:block; border:1px solid #f75e46;}
.kda-option .option-join{width:28%; height:0.9rem; text-align:center; margin-left:4%; }
.kda-option .option-join a{height:0.9rem; line-height:0.9rem; display:block; border:1px solid #f75e46;}

.kda-explain{ height:auto; display:block; overflow:hidden;}
.kda-explain dl dt{ height:0.68rem; line-height:0.68rem;}
.kda-explain dl dd{ line-height:0.4rem;}


/*上期大乐透开奖号码*/
.lotto-lottery{ background-color:#fffbfa; height:auto; display:block; overflow:hidden; text-align:center;}
.lotto-lottery span{ display:inline-block; width:1.52rem; height:auto;}
.lotto-lottery span h6{ height:0.44rem; line-height:0.44rem; font-family:"Arial"; font-weight:bolder;}
.lotto-lottery span p{ height:0.4rem; line-height:0.4rem;}



/*参加竞技场*/
.area-titl{ height:1rem; line-height:1rem;}
.area-list{ height:auto; display:block; overflow:hidden; padding-bottom:0.6rem;}
.area-list ul li{ width:29.3%; margin-top:0.4rem; margin-right:4%;}
.area-list ul li span{ display:block; border:1px solid #f75e46; text-align:center; height:0.9rem; line-height:0.96rem;}


/*请输入您的角色名*/
.for-box{ height:auto; display:block; overflow:hidden;}
.area-title{ height:0.5rem; position:relative;}
.area-title span{ display:block; text-align:center; height:0.5rem; line-height:0.5rem;}
.area-title .diaclose{ position:absolute; top:0px; right:0px; width:0.5rem; height:0.5rem; background:url(../../images/arena/pop-close.png) no-repeat right center; background-size:0.5rem; display:block;}
.area-con{ height:1rem; }
.area-con .area-input{ height:1rem; line-height:1rem; text-align:center; border-radius:0.1rem; width:100%;}
.area-btn{ height:1rem; }
.area-btn a{height:1rem; line-height:1rem; background-color:#fa5e48; text-align:center; border-radius:0.1rem; display:block; color:#fff; }

/*个人资料*/
.mine-box{ left:0.3rem; bottom:0.8rem; z-index:100;position:fixed; width:36%;}

.mine-conn{ width:100%; height:auto; display:block; overflow:hidden; position:relative; padding-bottom:0.31rem; }
.mine-conn ul { height:auto; display:block; overflow:hidden;}
.mine-conn ul li{ height:0.88rem; line-height:0.88rem; text-align:center;}
.mine-conn ul li span{ display:inline-block; height:0.88rem; padding-left:0.5rem;}
.mine-conn ul li span.use01{ background:url(../../images/arena/mine-use01.png) no-repeat left center; background-size:0.32rem 0.36rem;}
.mine-conn ul li span.use02{ background:url(../../images/arena/mine-use02.png) no-repeat left center; background-size:0.32rem 0.35rem;}
.mine-conn ul li span.use03{ background:url(../../images/arena/mine-use03.png) no-repeat left center; background-size:0.4rem;}
.mine-conn ul li span.use04{ background:url(../../images/arena/mine-use04.png) no-repeat left center; background-size:0.38rem;}
.mine-conn ul li span.use05{ background:url(../../images/arena/mine-use05.png) no-repeat left center; background-size:0.36rem;}
.mine-conn .mine-conn-bj{ width:100%; height:0.31rem; background:url(../../images/arena/mine-conn-bj.png) no-repeat left center; background-size:0.47rem 0.31rem; position:absolute; left:0; bottom:1px;}

/*金豆明细*/
.beanslist-rank{ height:0.73rem; line-height:0.73rem;}
.beanslist-list .pern-img{ width:1.13rem; height:1.13rem;}
.arepern-list .beans-etn{ margin-left:0.2rem;}
.arepern-list .beans-etn .etn-h2{ height:0.46rem; line-height:0.46rem; font-weight:bolder;}
.arepern-list .beans-etn .etn-h2 em{ font-weight:normal;}
.arepern-list .beans-etn .etn-income{ height:0.37rem; line-height:0.46rem;}
.arepern-list .beans-etn .etn-time{height:0.30rem; line-height:0.35rem;}
.arepern-list .beans-money{ height:1.13rem; line-height:1.13rem;}

.arepern-list .record-ent .etn-income{ height:0.45rem; line-height:0.60rem;}
.arepern-list .record-ent .etn-time{height:0.34rem; line-height:0.40rem;}


/*客服中心*/
.sev-rank{ height:1rem; line-height:1rem;}
.service-rule{ height:auto; display:block; overflow:hidden;}
.service-rule .serrule-title{ height:0.7rem; line-height:0.7rem;}
.service-rule .serrule-title span{ display:block; width:100%; height:0.7rem;background:url(../../images/arena/serrule-title-ico01.png) no-repeat center right; background-size:0.22rem 0.35rem; }
.service-rule .serrule-title span.tit-hov{background:url(../../images/arena/serrule-title-ico.png) no-repeat center right; background-size:0.35rem 0.22rem;}
.service-rule .serrule-conn{ height:auto;}
.service-rule .serrule-conn p{ line-height:0.32rem;}

.service-weix{ height:1.53rem; line-height:1.53rem;}
.svweix-conn{ height:auto; display:block; overflow:hidden;}
.svweix-conn .svweix-titl{ height:0.65rem; line-height:0.65rem;}
.svweix-conn .svweix-pic{ width:4.88rem; height:4.88rem; margin:0 auto;}


/*详情倒计时*/
.record-time{ height:auto; display:block; overflow:hidden; padding-bottom:0.5rem;}
.record-time .time-conn{height:0.48rem; background:url(../../images/arena/record-time-bj.png) repeat-x left center}
.record-time .time-conn .surplus{ width:3.54rem; margin:0 auto; height:0.48rem; line-height:0.48rem;}
.record-time .time-conn .surplus i{ display:inline-block; width:0.48rem; height:0.48rem; background-color:#404040; text-align:center; line-height:0.48rem; border-radius:0.08rem;}

.recharge-btn{ display:block; height:auto; overflow:hidden; width:100%;}
.recharge-btn a{height:0.92rem; line-height:0.92rem; text-align:center; display:block;}

/*挑战弹窗*/
.examine-main{ height:auto; display:block; overflow:hidden;}
.examine-main .examine-conn .rtun-plo{ min-height:2.5rem;}
.examine-main .examine-conn .rtun-plo span{ display:block;}
.examine-main .examine-conn .rtun-plo span.examine-text{ line-height:2.5rem; text-align:center;}
.examine-main .examine-conn .rtun-plo span.continue-text{ line-height:0.52rem; text-align:center; padding-top:0.75rem;}
.examine-main .examine-conn .rtun-btn{ height:auto;}
.examine-main .examine-conn .rtun-btn a{ display:block; height:1.1rem; line-height:1.1rem; text-align:center;}
.examine-main .examine-conn .rtun-btn a.rech-sub{ float:left; width:49.5%;}


